<template>
  <div class="all">
    <router-view></router-view>
    <div class="bottom">
      <van-tabbar route>
        <van-tabbar-item to="/shouye">
          <i slot="icon" class="hmtt hmtt-shouye"></i>
          <span>首页</span>
        </van-tabbar-item>
        <van-tabbar-item to="/wenda">
          <i slot="icon" class="hmtt hmtt-wenda"></i>
          <span>问答</span>
        </van-tabbar-item>
        <van-tabbar-item to="/shipin">
          <i slot="icon" class="hmtt hmtt-shipin"></i>
          <span>视频</span>
        </van-tabbar-item>
        <van-tabbar-item to="/wode">
          <i slot="icon" class="hmtt hmtt-wode"></i>
          <span v-if="sta">我的</span>
          <span v-else>未登录</span>
        </van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>
<style scoped lang="less">
.bottom {
  i.hmtt {
    font-size: 16px;
  }
  span {
    font-size: 10px;
  }
}
</style>
<script>
import { getToken } from "@/utils/storage";

export default {
  data() {
    return {
      sta: getToken(),
    };
  },
  methods: {},
  beforeMount() {},
  beforeUpdate() {},
};
</script>
